$(document).ready(function() {
etPseudo=document.getElementById('etatPseudo');
txtLogin=document.getElementById('Login');
txtMdp1=document.getElementById('mdp');
txtMdp2=document.getElementById('mdp2');
//pour verifier si les pseudos est mot de passe sont valide
pseudoOK=false;
mdpOk=false;

$('#securmdp').progressbar({
    value:false
});

function toucheHaute()
{
    var xhr=null;
    //init de la variable a null
    //verification du navigateur utilisé
    if(window.XMLHttpRequest)
    {
       // alert("dans le window firefox");
        xhr=new XMLHttpRequest();
    }
     else if(window.ActiveXObject) // Internet Explorer
      {
          xhr = new ActiveXObject("Microsoft.XMLHTTP");
      }
      else
      {
          alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
      }
      if(xhr!=null)
      {
           xhr.onreadystatechange = function() {Verification(xhr)}
      }

      xhr.open("POST","index.php?module=user&action=exist",true);

      xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded") // pour prendre en compte données POST

     var log="Login="+document.getElementById('Login').value;

     xhr.send(log);
}
function Verification(xhr)
{
    pseudoOK=false;
    if(xhr.readyState==4)//4eme etat
        {//alert(document.getElementById('Login').value);
           // alert(xhr.status);
            if(xhr.status==200)//tous est ok
                {
                    document.getElementById('etatPseudo').innerHTML="";
                    if(document.getElementById('Login').value!='')
                    {
                       // alert("if pseudo");
                        if(document.getElementById('Login').value.length<3)
                        {
                            //alert("trop court");
                             document.getElementById('etatPseudo').innerHTML=document.getElementById('Login').value+': trop court';
                             document.getElementById('etatPseudo').style.color="red";
                        }
                         else if(document.getElementById('Login').value.length>25)
                         {
                             document.getElementById('etatPseudo').innerHTML=document.getElementById('Login').value+': trop long';
                             document.getElementById('etatPseudo').style.color="red";
                         }
                         else if(xhr.responseText==1)
                         {
                             //alert("exist");
                             document.getElementById('etatPseudo').innerHTML="le login existe déjà";
                             document.getElementById('etatPseudo').style.color="red";
                         }
                         else if(xhr.responseText==2)
                         {
                             //alert("dispo");
                             pseudoOK=true;
                             document.getElementById('etatPseudo').innerHTML="le login est dispo";
                             document.getElementById('etatPseudo').style.color="green";
                         }
                         /*else
                         {
                             document.getElementById('etatPseudo').innerHTML="";
                         }*/
                    }
                }

        }
        disabledButton();
}
function verfiMdp()
{
    mdpOk=false;
    if(document.getElementById('mdp2').value!=""||document.getElementById('mdp').value!="")
        {
            if(document.getElementById('mdp2').value== document.getElementById('mdp').value)
            {
                document.getElementById('etatMdp').innerHTML="les mots des passes sont identiques";
                document.getElementById('etatMdp').style.color="green";
                mdpOk=true;
            }
            else
            {
                document.getElementById('etatMdp').innerHTML="les mots des passes sont différents";
                document.getElementById('etatMdp').style.color="red";
             }
        }
      else
        {
            document.getElementById('etatMdp').innerHTML="";
            document.getElementById('etatMdp').style.color="black";
        }
        disabledButton();
}
function disabledButton()
{
    if(pseudoOK&&mdpOk)
    {
        document.getElementById("btnValidation" ).disabled=false;
        document.getElementById("btnValidation" ).value="inscription";
    }
    else
    {
       // alert("else valide");
        document.getElementById("btnValidation" ).disabled=true;
        document.getElementById("btnValidation" ).value="remplire les champs";
    }
}

function test_secur()
{
    var scoreSecur=0;
    var exp1=new RegExp("[a-zA-Z]","g");
    var exp2=new RegExp("[0-9]","g");
    var exp3=new RegExp("[\\+?{}.]","g");

    var chaine=('#mdp').value;


    if(chaine.match(exp1))
    {
        scoreSecur++;
    }
    if(chaine.match(exp2))
    {
        scoreSecur++;
    }
    if(chaine.match(exp3))
    {
        scoreSecur++;
    }

   if(scoreSecur==0)
       {
            progressbar.progressbar( "option",
                {
                    value:0
                });
       }
       if(scoreSecur==1)
           {
               progressbar.progressbar( "option",
                {
                    value:33
                });
           }
           if(scoreSecur==2)
               {
                    progressbar.progressbar( "option",
                    {
                        value:66
                    });
               }
               if(scoreSecur==3)
                   {
                       progressbar.progressbar( "option",
                        {
                            value:100
                        });
                   }

}

txtLogin.onblur=toucheHaute    // quand on perd le focus
//txtLogin.onkeyup=toucheHaute //si on veut a chaque nouvelle lettre
toucheHaute
txtMdp2.onkeyup=verfiMdp
txtMdp1.onkeyup=verfiMdp,test_secur
});